/*
    作者:黄豪琦
    日期:2020-04-21 10:35
*/
/*user*/
.main a, .main span {
    color: var(--head-bg-color);
}

.body-list {
    display: flex;
    flex-direction: column;
}

.body-list > .body-item {
    width: 100%;
    border-top: #cdcdcd 0.8px solid;
    padding: 12px 0;
}
.body-list .author-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body-list .author-info > img {
    width: 20%;
}

.body-list .author-info > a {
    font-size: 20px;
    margin: 5px 0;
}

.body-list .author-info > span {
    color: #666666;
}

.sort-list {
    display: flex;
    flex-direction: column;
}

.sort-list > .sort-item {
    display: flex;
    justify-content: space-around;
    margin-bottom: 5px;
    transition: all 0.3s;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.sort-list > .sort-item:hover {
    background-color: #cdcdcd;
}

.sort-list > .sort-item:hover > div > span:nth-child(2) {
    color: #ffffff;
    transition: all 0.3s;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.sort-list > .sort-item > img {
    width: 20%;
}

.sort-list > .sort-item > div {
    width: 65%;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
}

.sort-list > .sort-item > div > span:nth-child(1) {
    font-size: 20px;
}

.sort-list > .sort-item > div > span:nth-child(2) {
    color: #cdcdcd;
}

.content-list {
    width: 100%;
}

.content-list > .content-item {
    display: block;
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 16px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    max-height: 140px;
}
.content-list > .content-item:hover{
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.content-list > .content-item::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    height: 40px;
    left: 0;
    right: 0;
    background-image: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 10%, rgba(255, 255, 255, 0) 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.content-item > .c-i-head > .title {
    font-size: 20px;
    font-weight: bold;
}
/*detail*/
.article-title-container {
    background-color: #000000;
    width: 100%;
    color: #ffffff;
    padding: 10px 0;
}
.article-title-container a, .article-title-container span{
    color: #ffffff;
}
.article-title-container  .a-t-text{
    font-size: 4rem;
}
.article-title-container .a-t-authorInfo{
    display: flex;
    flex-wrap: wrap;
}
.a-t-authorInfo > .a-i-item {
    width: 15%;
    padding: 8px 0;
    text-align: center;
}
.a-t-authorInfo > .a-i-item span:nth-child(1){
    color: #666666;
}
.a-t-authorInfo > .avatar {
    width: 10%;
}
.a-t-authorInfo > .avatar > img {
    margin: 0;
}
.article-content {
    /*text-indent: 20px;*/
    width: 100%;
    padding: 20px 0!important;
}
.article-content img {
    max-width: 100%;
}